.top{
    // width: 100%;
    height:100px;
    display: flex;
    justify-content: space-around;
    // background: #ddd;
    .logo{
        width:200px;
        height:100px;
        padding-top:25px;
        margin-left: -50px;
        // background: yellowgreen;
        img{
            width:200px;
            height:50px;    
            border:none;
            // background: orange;      
        }    
    }
    .list1 {
        // background: red;
            li{
                float:left;
                height:100px;
                padding:40px 12px 0; 
                font-size: 16px;
                cursor: pointer;
                &:hover{color:#aaa !important}
                // background: red;
                &:hover{
                    .list3{
                        display:block;
                    }
                }
                // .list3{
                //     // width:;
                //     height:200px;
                //     top:98px;
                //     // left:58%;
                //     margin-left: -33%;
                //     // margin-top: 0;
                //     z-index: 5;
                //     position: absolute;
                //     background:#fff;
                //     background: yellowgreen;
                //     // display: none;
                //     li{
                //         float:left;
                //         // background: yellowgreen;   
                //         p{
                //             margin-left:10px;
                //         }
                //         img{
                //              width:100px;
                //              height:130px;
                //         }      
                //         &:nth-child(1){margin-left: 300px;}
                //     }               
                // }           
            }
           
        }
    }
    .list2 {
        width:350px;
        // background:yellow;
        display: flex;
        justify-content: space-around;
        position: relative;
        padding-top:40px;
        li{
            // width:30px;
            float: left;
            min-height:20px;
            // background: blue;
            &:nth-child(1){
                width:178px;
                display: flex;
                // background: orangered;
                input{
                    width:180px;
                    height:23px;
                    border: 1px solid #333;
                    border-radius: 5px;
                    display: inline-block;
                    text-indent: 10px;
                }
                .list-search{
                    position: absolute;
                    width:178px;
                    min-height:200px;
                    z-index: 6;
                    margin-top:27px;
                    display: none;
                    li{
                        width:176px;
                        min-height:20px;
                        border-radius: 5px;
                        text-align: left;
                        &:hover{background:#ddd;}
                    }
                }
                .search{
                    position: relative;
                    height:26px;
                    line-height:28px;
                    // background: blue;
                    left:-25px;
                    cursor: pointer;
                    border-left:1px solid #333;;
                }
            } 
        }    
        .user{
            display: flex;
            line-height: 30px;
            // background: pink;
            li{
                // display:inline-block;
                width:40px;
                height:30px;
                font-size: 15px;
                text-align: center;
                // background: skyblue;
                &:nth-child(2){margin-left: 3px;}
                b{margin-left: 5px;}
            }
        } 
        i{
            display: inline-block;
            font-size:23px;
            color:#000;
            // background: green;
        }
        span{
            // background: red;
            position: absolute;
            left:338px;
            top:42px;
            color:#DE634F;
            font-size: 15px;
        }
    }

